<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Registrasi</title>
        <link rel="stylesheet" type="text/css" id="style" href="stylesheet/progin.css" />
        <link rel="stylesheet" type="text/css" href="stylesheet/datepicker.css" />
		<meta name="description" content="upload and share photo" />
		<meta name="keywords" content="photo" />
		<meta name="author" content="Muharram Huda, Michell Setyawati, Listiarso Wastuargo" />
		<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    </head>
    <body>

        <a href="#" id="style_changer">Ganti style</a>
        <div class="wrapper">
        <div class="header">
            <img src="image/logo.png" alt="title" height="50" />
            <h1>Photoren</h1>
        </div>
            
        <div class="main_container">
        <form name="register" action="" method="post" enctype="multipart/form-data">
            <div>Nama : </div><input type="text" name="nama" id="nama" /><font id="namaValidator" class="validation"></font><br />
            <div>Username : </div><input type="text" name="username" id="username" /><font id="usernameValidator" class="validation"></font><br />
            <div>Password : </div><input type="password" name="password" id="password" /><font id="passwordValidator" class="validation"></font><br />
            <div>Password Lagi : </div><input type="password" name="passwordlagi" id="passwordlagi" /><font id="passwordlagiValidator" class="validation"></font><br />
            <div>Tanggal Lahir : </div>
            <div>
                    <input name="tanggalLahir" id="tanggalLahir" /><font id="tanggalLahirValidator" class="validation"></font>
            </div>
            <div>Email : </div><input type="text" name="email" id="email" /><font id="emailValidator" class="validation"></font><br />
            <div>Foto Profil : </div><input type="file" name="file" id="file" accept="image/bmp, image/png, image/jpeg" /><font id="fileValidator" class="validation"></font><br />
            <div>Jenis Kelamin : </div>
            <div>
                    <select name="jenisKelamin" id="jenisKelamin">
                            <option>L</option>
                            <option>P</option>
                    </select>
            </div>
            <div>Lokasi : </div><input type="text" name="lokasi" id="lokasi" /><font id="lokasiValidator" class="validation"></font><br />

            <input type="submit" value="Submit" id="submit" disabled ="disabled"/>
        </form>
        </div>
        <div class="links">
            <ul>
                <li><a href="#" id="registrasi_link" class="active">Registrasi</a></li>
                <li><a href="detail.htm" id="detail_link">Detail</a></li>
                <li><a href="daftar.htm" id="daftar_link">Daftar</a></li>
                <li><a href="upload.htm" id="upload_link">Upload</a></li>
            </ul>
        </div>
        </div>

        <script type="text/javascript" src="script/datepicker.js"></script>
        <script type="text/javascript" src="script/register.js"></script>
        <script type="text/javascript" src="script/progin.js"></script>
        <script type="text/javascript">
            function date_picker(e){
                    displayDatePicker(e.target.id, 'ymd');
            }

            document.getElementById("tanggalLahir").addEventListener("click", date_picker, false);
        </script>
    </body>
</html>
